<template>
<div class="login">
<NavTitle></NavTitle>
<div class="interface">
<div class="logining">
  <el-card class="box-card" :body-style="cardStyle">
    <el-form  :model="submitForm" ref="submitForm" :rules="rulesSubmit" label-width="60px">
      <el-form-item label="用户名" prop="usreName">
        <el-input type="text" v-model="submitForm.usreName" auto-complete="off"></el-input>
      </el-form-item>
    <el-form-item label="密码" prop="pass">
      <el-input type="password" v-model="submitForm.pass" auto-complete="off"></el-input>
    </el-form-item>
    <el-form-item class="inline">
       <el-button class="sub"  type="primary" @click="submit">登录</el-button>
    </el-form-item>
    </el-form>
  </el-card>
</div>
</div>
</div>
</template>

<script>
// import { i18n } from 'js/base'
import NavTitle from '@/components/homeComponents/NavTitle'

export default {
  components: {
    NavTitle
  },
  data () {
    return {
      submitForm: {
        usreName: '',
        pass: ''
      },
      rulesSubmit: {
        usreName: [],
        pass: []
      },
      cardStyle: {
        padding: '30px 25px 0px 20px'
      }
    }
  },
  methods: {
     submit () {
      window.location.href = 'marketing.html'
       this.$
     }
  },
  mounted () {
  }
}
</script>

<style lang="scss" scoped >
.logining{
  position:absolute;
  width:350px;
  left:50%;
  top:50%;
  /*right:30%;*/
  /*bottom:30%;*/
  transform: translate(-50% ,-50%);
}
.interface{
  position:absolute;
  top:80px;
  left:0;
  right:0;
  bottom:0;
}
.login{
    width:100%;
    height:100%;
    position:relative;
}
  .inline{
    text-align: center;
  }
  .sub{
    padding:10px 30px
  }
</style>
